{% extends "base.html" %}

{%block body%}
<div id="container">
	<div id="heroStats">
		<h1>{{ hero.name }}</h1>
		<ul>
			<li>Level: <div class="stats">{{ hero.level }}</div></li>
			<li>HP: <div class="stats">{{ hero.hp }}</div></li>
			<li>Strength: <div class="stats">{{ hero.strg }}</div></li>
			<li>Constituion: <div class="stats">{{ hero.const }}</div></li>
			<li>Dexterity: <div class="stats">{{ hero.dex }}</div></li>
			<li>Inteligence: <div class="stats">{{ hero.intl }}</div></li>
			<li>Wisdom: <div class="stats">{{ hero.wsd }}</div></li>
			<li>Charisma: <div class="stats">{{ hero.cha }}</div></li>
		</ul>
	</div>
	<div id="fightForm">
	<h2>You are: {{ hero.heroclass.name }}</h2>
	<h3>Level: {{ hero.level }}</h3>
	Fight against your friends! put their names here!<p/>
	they MUST have already created they're heros in TwitHero!<p/>
		<form action="fight" method="post">
		<div><input type="text" name="opponent" class="input-text"></textarea></div>
		<div><input type="submit" value="Fight!"></div>
	</form>
</div>
</div>
	{% endblock %}

</html>
